<template>
  <div id="box">
    <van-tabs v-model="active" animated swipeable line-width="15px" line-height="2px" color="#53ca94">
      <van-tab title="我的房产">
        <div class="box_noe">
          <div class="box_noe_2">
            <h2>了解房屋价值</h2>
            <div class="min">添加房屋信息， 随时掌握市场价格走势
            </div>
          </div>
          <van-button type="primary" to="index" size="small" color="#53ca94">立即估价</van-button>
        </div>
      </van-tab>
      <van-tab title="买房方案">
        <div class="box_noe">
          <div class="box_noe_2">
            <h2>猜你想买此类好房</h2>
            <div class="min">找房条件: <span>400-500万</span> &nbsp;<span>华泾</span> &nbsp;<span>北蔡</span>
            </div>
          </div>
          <van-button type="primary" to="index" size="small" color="#53ca94">立即找房</van-button>
        </div>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
export default {
  name: "Tad_",
  data() {
    return {
      active: 2,
    };
  },
};
</script>

<style scoped>
#box {
  height: 1.1rem;
  margin-top: 0.08rem;
  border: 2px solid #fbfbfb;
}
#box /deep/ .van-tabs .van-tabs__wrap{
    width: 2rem !important;
    height: .35rem !important;
    font-weight: bold !important;
}
#box /deep/ .van-tabs .van-tabs__wrap .van-tab--active{
color: #5fb195 !important;
font-weight: bold !important;
}
.box_noe{
  height: .74rem;
  padding: 0 .26rem;
  display: flex;
  align-items: center;
  justify-content: space-between ;
}
.box_noe_2 h2{
  font-weight: bold;
  color: #000;
}
.min{
  font-size: .1rem;
  margin-top: .07rem;
}
.min span{
  display: inline-block;
  border: 2px solid #e5e5e5;
  background-color: #fefefe;
}
</style>
